<template>
	<header id="head_top" class="head_top">
		<div class="center">
		<slot name=''></slot>
		<section class="head_goback" v-if="goBack" @click="$router.go(-1)">
			<i class="iconfont icon_left fl"></i>
		</section>
		<section class="head_title" v-if="headTitle">
			<span class="title_text">{{ headTitle }}</span>
		</section>
		</div>
	</header>
</template>

<script>

export default {
  props: ["headTitle", "goBack"],
  data() {
    return {};
  },
  created(){

  },
  components: {}
};
</script>

<style scoped lang="css">
	.head_top{
		position: fixed;
		top:0px;
		left: 0px;
		width: 100%;
		z-index: 99;
		height: 34px;
		line-height:34px;
		background: #f8970b;
	}
	.head_goback{
		color:#fff;
	}
	.head_title{
		width: 50%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		text-align: center;
		font-size: 14px;
		color: #fff;
	}
</style>
